<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Animated Drop Down Menu with jQuery vivi</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
   <link type="text/css" href="base-css/css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
      <link type="text/css" href="base-css/css/custom-theme/custom.css" rel="stylesheet" />

   <script type="text/javascript" src="scripts/jquery-1.6.2.js"></script>    
    <script type="text/javascript" src="base-script/jquery-ui-1.8.16.custom.min.js"></script>
    
    <script type="text/javascript" src="scripts/jquery.layout.js"></script> 
    
            <link href="scripts/_assets/themes/yui/style.css" rel="stylesheet" type="text/css" />
    <script src="scripts/_assets/js/jquery.tablesorter.js" type="text/javascript"></script>    
    <script src="scripts/_assets/js/jquery.tablesorter.pager.js" type="text/javascript"></script>
    
<script type="text/javascript">
var outerLayout, innerLayout;
$(document).ready(function () {
    
 outerLayout = $('body').layout({ 
             center__paneSelector  :    ".ui-outer-center" 
        ,    west__paneSelector   :     ".ui-outer-west"  
        ,    west__size            :    250 
        ,    spacing_open         :     0 // ALL panes
        ,    spacing_closed        :    0 // ALL panes
        ,    west__maxSize          :   400
        ,  center__onresize  : "innerLayout.resizeAll"
        ,    applyDefaultStyles  :      true
        }); 
        
    $("ul.menu_body li:even").addClass("alt");
    $('div.menu_head').click(function () {
        
        if($('#hdmenu').val()!='0'){
          $($('#hdmenu').val()).slideToggle('high');  
        }
       var menushow =  '#menu_body'+$(this).attr('id');
       if($('#hdmenu').val()!=menushow){
          $(menushow).slideToggle('high');
          $('#hdmenu').val(menushow); 
       }else{
          $('#hdmenu').val(0); 
       }

    });
        $('div.menu_head_select').click(function () {
        
        if($('#hdmenu').val()!='0'){
          $($('#hdmenu').val()).slideToggle('high');  
        }
       var menushow =  '#menu_body'+$(this).attr('id');
       $(menushow).removeClass('disblock');
       if($('#hdmenu').val()!=menushow){
          $(menushow).slideToggle('high');
          $('#hdmenu').val(menushow); 
       }else{
          $('#hdmenu').val(0); 
       }

    });

    $('ul.menu_body li a').mouseover(function () {
    $(this).animate({ fontSize "12px", padding:Left "10px" }, 10 );
    });
    $('ul.menu_body li a').mouseout(function () {
    $(this).animate({ fontSize "12px", padding:Left "10px" }, 10 );
    });
    
});

    function slideToggletemp(menu){
       var hdmenu = '#'+menu;
        $(hdmenu).val(0); 
        $('#hdmenu').val(hdmenu); 
    }
    
        $(function() {
        $( "inputsubmit, button" ).button();
        $( "a", ".demo" ).click(function() { return false; });
    });
    function changdisplay(id){
        if(id==1){
        $('#tabs').css('display','none'); 
        $('#tabs2').css('display','');   
        }else{
          $('#tabs').css('display',''); 
        $('#tabs2').css('display','none');   
        }
    }
    
    $(function() {
        $( "#tabs" ).tabs({
            //cache  false,
            ajaxOptions {
                error function( xhr, status, index, anchor ) {
                    $( anchor.hash ).html(
                        "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                        "If this wouldn't be a demo." );
                }
            }
        });
    });

</script>


[var.tplXajaxScript;htmlconv=no]

<!-- Bắt đầu làm theo phần css mơi -->
<style type="text/css">
            /*demo page css*/
            body{ font 62.5% "Trebuchet MS", sans-serif; margin 50px;}
            .demoHeaders { margin-top: 2em; }
            #dialog_link {padding: .4em 1em .4em 20px;text-decoration none;position relative;}
            #dialog_link span.ui-icon {margin 0 5px 0 0;position absolute;left .2em;top 50%;margin-top: -8px;}
            ul#icons {margin 0; padding: 0;}
            ul#icons li {margin 2px; position relative; padding: 4px 0; cursor: pointer; float: left;  list-style none;}
            ul#icons span.ui-icon {float: left; margin 0 4px;}
</style>
 <!--Kết thúc làm theo phần css mơi -->
</head>

<body>
<input type="hidden" value="add" id="hdSaveStatus" />
<input type="hidden" value="" id="hdSaveId" />
<input type="hidden" id="toadoX" value="950" />
<input type="hidden" id="toadoY" value="200" />
<input type="hidden" value="0" id="mapType" name="mapType" />
<input type="hidden" value="0" id="curLat" name="curLat" />
<input type="hidden" value="0" id="curLong" name="curLong" />
<input type="hidden" value="0" id="hdDrawMarker" name="hdDrawMarker" />
  <div style="background-color:#DDEDEC">
   
    <script>
    
    
    $(document).mousemove(function(event){
        $('#toadoX').val(event.pageX);
        $('#toadoY').val(event.pageY);           
    });
    $(function() {
        $( "#radio" ).buttonset();
    });
    </script>
    
    <table><tr><td>[var.strMainMenu;htmlconv=no]
    </td><td>HE THONG QUAN LY VA QUAN CAO KHACH SAN <input type="button" id='hehe'  onclick="aaa();" value="1234" /></td></tr></table>
        
</div>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Preloaded</a></li>
        <li><a href="ajax/users.html">Tab 1</a></li>
        <li><a href="ajax/content2.html">Tab 2</a></li>
        <li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
        <li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>
    </ul>
    <div id="tabs-1">
        <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
    </div>
</div>

<!--[onload;file=[var.tmplContent];getbody;.]-->
 </body>
 
 
</html>
